// 全局公共样式
* {
  margin: 0;
  padding: 0;
}

html,
body,
#app {
  height: 100%;
  width: 100%;
}

.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}

.a-flex {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.a-flex-column {
  flex-direction: column;
}
.a-flex-wrap {
  flex-wrap: wrap;
}

.a-flex-nowrap {
  flex-wrap: nowrap;
}

.a-col-center {
  align-items: center;
}

.a-col-top {
  align-items: flex-start;
}

.a-col-bottom {
  align-items: flex-end;
}

.a-row-center {
  justify-content: center;
}

.a-row-left {
  justify-content: flex-start;
}

.a-row-right {
  justify-content: flex-end;
}

.a-row-between {
  justify-content: space-between;
}

.a-row-around {
  justify-content: space-around;
}

.tip {
  padding: 8px 16px;
  background-color: #ecf8ff;
  border-radius: 4px;
  border-left: 5px solid @primary-color;
  margin: 20px 0;
}
